<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>最家</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/idea.css" />
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div th:replace="head.html"></div>
		<!------------------------------idea------------------------------>
		<div class="address">
			<div class="wrapper clearfix">
				<a href="index.html" class="fl">首页</a>
				<span>/</span>
				<a href="idea.html" class="on">创意家居</a>
			</div>
		</div>
		<!------------------------------imgList1------------------------------>
		<div class="imgList1">
			<div class="wrapper">
				<div class="box1">
					<a href="proDetail.html" class="banner"><img src="img/idea1.jpg"/></a>
					<ul>
						<li th:each="furn1 : ${session.furnCommodities07}"><a th:href="'proDetail.html?id='+${furn1.id}">
								<dl>
									<dt><img width="354" height="354" th:src="${furn1.imagestheme}"/></dt>
									<dd class="zuijia1" th:text="'【最家】'+${furn1.productname}"></dd>
									<dd th:text="'¥'+${furn1.commodityprices}"></dd>
								</dl>
							</a>
						</li>
					</ul>
					<ul>
						<li th:each="furn2 : ${session.furnCommodities08}"><a th:href="'proDetail.html?id='+${furn2.id}">
							<dl>
								<dt><img width="354" height="354" th:src="${furn2.imagestheme}"/></dt>
								<dd class="zuijia1" th:text="'【最家】'+${furn2.productname}"></dd>
								<dd th:text="'¥'+${furn2.commodityprices}"></dd>
							</dl>
						</a>
						</li>
					</ul>
					<ul>
						<li th:each="furn3 : ${session.furnCommodities09}"><a th:href="'proDetail.html?id='+${furn3.id}">
							<dl>
								<dt><img width="354" height="354" th:src="${furn3.imagestheme}"/></dt>
								<dd class="zuijia1" th:text="'【最家】'+${furn3.productname}"></dd>
								<dd th:text="'¥'+${furn3.commodityprices}"></dd>
							</dl>
						</a>
						</li>
					</ul>
				</div>
				<h2><img src="img/ih5.jpg"/></h2>
				<div class="box2">
					<a href="proDetail.html" class="banner"><img src="img/idea22.jpg"/></a>
					<ul>
						<li th:each="furn4 : ${session.furnCommodities10}"><a th:href="'proDetail.html?id='+${furn4.id}" class="on">
								<dl>
									<dt><img width="268" height="268" th:src="${furn4.imagestheme}"/></dt>
									<dd class="zuijia" th:text="'【最家】'+${furn4.productname}"></dd>
									<dd th:text="'¥'+${furn4.commodityprices}"></dd>
								</dl>
							</a>
						</li>
					</ul>
					<ul>
						<li th:each="furn5 : ${session.furnCommodities11}"><a th:href="'proDetail.html?id='+${furn5.id}" class="on">
							<dl>
								<dt><img width="268" height="268" th:src="${furn5.imagestheme}"/></dt>
								<dd class="zuijia" th:text="'【最家】'+${furn5.productname}"></dd>
								<dd th:text="'¥'+${furn5.commodityprices}"></dd>
							</dl>
						</a>
						</li>
					</ul>
				</div>
				<h2><img src="img/ih6.jpg"/></h2>
				<div class="box3">
					<ul>
						<li th:each="furn6 : ${session.furnCommodities12}"><a th:href="'proDetail.html?id='+${furn6.id}" class="on">
							<dl>
								<dt><img width="268" height="268" th:src="${furn6.imagestheme}"/></dt>
								<dd class="zuijia" th:text="'【最家】'+${furn6.productname}"></dd>
								<dd th:text="'¥'+${furn6.commodityprices}"></dd>
							</dl>
						</a>
						</li>
					</ul>
					<ul>
						<li th:each="furn7 : ${session.furnCommodities13}"><a th:href="'proDetail.html?id='+${furn7.id}" class="on">
							<dl>
								<dt><img width="268" height="268" th:src="${furn7.imagestheme}"/></dt>
								<dd class="zuijia" th:text="'【最家】'+${furn7.productname}"></dd>
								<dd th:text="'¥'+${furn7.commodityprices}"></dd>
							</dl>
						</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!--返回顶部-->
		<div th:replace="gotop.html"></div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script>
            //限制字符个数
            $(".zuijia").each(function () {
                var maxwidth = 15;
                if ($(this).text().length > maxwidth) {
                    $(this).text($(this).text().substring(0, maxwidth));
                    $(this).html($(this).html() + '…');
                }
            });
            //限制字符个数
            $(".zuijia1").each(function () {
                var maxwidth = 20;
                if ($(this).text().length > maxwidth) {
                    $(this).text($(this).text().substring(0, maxwidth));
                    $(this).html($(this).html() + '…');
                }
            });
		</script>
	</body>
</html>
